<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Bubbling Library - Tutorials - Bubbling Technique (YUI-CMS:YAHOO.CMS.Bubble)</title>
<meta name='author' content='Caridy Patino (caridy at gmail.com)' />
<!-- Reset and Fonts -->
<link rel="stylesheet" type="text/css" href="../assets/example.css">
</head>
<body id="cms-body">
<div id="doc">

	<div class="path">
	  <a href="http://bubbling.comarq.com/" target="_top">Bubbling Library</a> &gt; <a href="http://bubbling.comarq.com/eng/examples" target="_top">Examples</a>
	</div>

	<h1>Bubbling Technique (YUI-CMS:YAHOO.CMS.Bubble): Tutorials</h1>
	<br />

	<h3><a href="behavior-actionprompt-bubbling.html">Examples of Using the Bubbling Technique: Simple Actions</a></h3>
	<p>Benefit from the bubbling technique: Untied your XHTML code from the javascript listeners, no more addListener in your code. Just define the class of each link, and the corresponding behavior for each link´s class.</p>

	<h3><a href="behavior-dynamic-focus-bubbling.html">Bubbling Technique: actionSetFocus</a></h3>
	<p>Define links to set the focus in each field in a form.</p>

	<h3><a href="behavior-dynamic-rollover-for-li.html">Rollover bubble for list items</a></h3>
	<p>You can use the bubble "rollover" to get management the mouseover event for each list box item or any other DOM element. The "bubbling library" use the "Bubble up technique" and "custom events" to handle every Event inside the browser.</p>

</div>

</body>
</html>